<template>
  <v-app dark>
    <LeftNavbar v-model="drawer" />
    <v-toolbar
      app
      clipped-left
    >
      <v-toolbar-side-icon @click.stop="drawer = !drawer" />
      <v-toolbar-title class="headline text-uppercase">
        <span>互联网应用开发技术 </span>
        <span class="font-weight-light">作业展示</span>
      </v-toolbar-title>
      <v-spacer />
      <v-btn
        flat
        href="https://gitee.com/ifrank/vue-practice"
      >
        <v-img :src="`https://gitee.com/ifrank/vue-practice/widgets/widget_5.svg`" />
      </v-btn>
    </v-toolbar>

    <v-content>
      <v-container fluid>
        <router-view />
      </v-container>
    </v-content>
  </v-app>
</template>

<script>
import LeftNavbar from './components/LeftNavbar';

export default {
  name: 'App',
  components: {
    LeftNavbar,
  },
  data() {
    return {
      drawer: null,
    };
  },
};
</script>
